<template>
	<div class="Son2-container">
		<h3>SonData2子组：子组件向父组件传值</h3>
		<p>count:{{count}}</p>
		<p><button @click="add">向父组件传值</button></p>
		
		<p>兄弟传值：{{son2Info}}</p>
	</div>
</template>

<script>
	
	//导入公共的VU对象，在eventBus.js文件里
	import Bus from '../eventBus.js'
	
	export default{
	
		
		data(){
			return {
				count:10,
				son2Info:''
			}
		},
		methods:{
			add(){
				//自定义事件，并传值到父组件
				this.$emit('numChange',this.count)
			}
		},
		//调用组件创建完毕函数，当组件创建完之后会自动调用该方法
		created() {
			//调用share自定义事件，
			Bus.$on('share',val =>{
				this.son2Info = val
			})
		}
	}
</script>

<style lang="less" scoped>
	
	.Son2-container {
	padding: 0 20px 20px;
	background-color: paleturquoise;
	min-height: 250px;
	flex: 1;
	}
	
</style>
